
/**********头部***************/

.top.top2{
	background: #FFFFFF;
	opacity: 1;
}
a{text-decoration: none;}
/****************/
.nav{
	display: inline-block;
	/*width:4.8rem;*/width:auto;max-width: 5rem;
	height: 0.918rem;
	box-sizing: border-box;
	overflow: hidden;
}
.nav a{
	display: inline-block;
	width:auto;max-width: 1.1rem;
	height:0.918rem;line-height: 0.918rem ;
	margin-right: 1.12rem;	
	text-decoration: none;
}
.nav a:last-child{margin-right: 0;}
.nav a span{
	font-size: 0.32rem;color:#9b9b9b;
}
.nav .active span{
	color:#482b19;
}
.position_pic{
	width:auto;height: 0.28rem;
}
.position_pic.position{
	display: inline-block;
	width: 0.22rem;height: 0.28rem;
	background-image: url(../images/book_detail/position.png);
	background-size: 0.22rem 0.28rem;
	
}

/****************************top the end***************************/
/*********content*******/
.content{
	width:100%;height: auto;
	/*margin-top:1rem;*/
	padding-bottom: 3rem;
}
/***轮播图****/
.lunbotu{
	margin-top: 0;
	width:7.5rem;height: 7.5rem;
	overflow: hidden;
}
.shadow{
	position: relative;
	width:100%;height: 40px;
	margin-top:-40px;margin-left:0;
	z-index: 300;
	background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));
	background: -ms-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.1));        /* IE 10 */
    background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));/*火狐*/ 
	/*opacity: 0.6;*/
}

/***********弹出菜单栏样式******************/
#menu{
	position:fixed;
	z-index:999;
	width:auto;
	height: auto;
	top:1rem;
	right: 0.2rem;
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.33) ;
	background: white;	
	box-sizing: border-box;
	border-radius: 5px;
	
}
.white{
	position: fixed;top:0;left: 0;
	width:100%;height: 100%;
	z-index: 990;
	background: rgba(255,255,255,0);
}
#menu ul {
	width:auto;height: 100%;
	margin: 0;
	box-sizing: border-box;
	border-radius: 5px;
}
#menu ul li{
	list-style: none;
	width:auto;height: 0.877rem;line-height: 0.877rem;
	box-sizing: border-box;
	margin:0;padding: 0;
}
#menu ul li.active{
	background: #f5f5f5;
}
#menu ul li:first-child.active{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#menu ul li a {
	display: block;
	padding-left: 0.313rem;
	box-sizing: border-box;
	width:100%;height: 0.877rem;line-height: 0.877rem;
}
#menu ul li a:active{background: #f5f5f5;}
#menu ul li a img{
	width:0.26rem;/*height: 0.26rem;*/height: auto;
	margin-right:0.3rem;
	float:left;margin-top: 0.3rem;
}
#menu ul li a span{
	display: inline-block;
	width:1.838rem;
	height: 0.877rem;line-height: 0.877rem;
	font-size: 0.25rem;color:#333333;
	border-bottom: 1px solid #E5E5E5;
}
#menu ul li:last-child a span{
	border-bottom: none;
}


/***********************************************************************/
/*******************蛋糕名称  默认显示 轮播图下方****************************/

.cake_title{
	width: 100%;height: 1.85rem;
	box-sizing: border-box;
	background-color: #fff;
	padding:0.25rem 0.3rem;
	margin-bottom: 0.18rem;
}
.c_name{
	height: 0.82rem;line-height: 0.41rem;
	width:5.3rem;
	margin-bottom: 0.18rem;
	font-size:0.32rem;
	color:#333333;
	overflow: hidden;
	margin-bottom: 0.2rem;
}
.c_price{
	height: 0.38rem;
	width:5.3rem;overflow: hidden;
	font-size: 0.34rem;
	color:#F94268;
}
.c_price .cp_price{font-size: 0.34rem;color:#F94268;}

.enter{
	position:absolute;
	width:auto;
	height: 1.35rem;
	margin-top: -1.35rem;right:0.3rem;
	text-align: center;
}
.enter img{
	width:0.6rem;height: 0.6rem;
	margin-bottom: 0.08rem;
}
.enter div{
	font-size: 0.2rem;color:#888888;
}
.enter div a{
	
	font-size: 0.2rem;color:#888888;
}
/******spgg***********/
.spgg{
	width:100%;height: 0.9rem;
	background: #FFFFFF;
	box-sizing: border-box;
	
	
}
.spgg a{
	display: block;
	width:100%;height: 0.9rem;line-height:0.9rem ;
	padding: 0 0.3rem;
	font-size: 0.28rem;color:#333333;
	text-decoration: none;
}

.spgg a:active{
	background: #F9F9F9;
}

.arrow_r{
	width:0.15rem;height: 0.24rem;
	position:absolute;
	margin-top:0.35rem;right:0.3rem;
}
/*******用户评论********/
.comment{
	width:100%;height: 4.58rem;
	/*border:1px solid red;*/
}
.comment_top{
	width:100%;height: 0.78rem;
	font-size: 0.24rem;color:#888888;
	text-align: center;
	background: #F5F5F5;
}
.c_top_text{
	position: relative;
	margin:0 auto;height: 0.78rem;line-height: 0.78rem;
	width:auto;min-width: 2.1rem;
	max-width: 6.9rem;
	padding:0;
	text-align: center;
}
.line{
	display: inline-block;
	/*position: absolute;*/
	width:1rem;height: 0.1rem;border-top: 1px solid #e0e0e0;
	margin-top:0;
}
.line1{
	margin-right: 0.32rem;
	
}
.line2{
	margin-left: 0.32rem;
}
.c_top_text img{
	width:0.24rem;/*height: 0.24rem;*/
	height: auto;
	margin-right: 0.12rem;
}
.comment_title{
	width:100%;height: 0.9rem;line-height: 0.9rem;
	box-sizing: border-box;
	border-bottom: 1px solid #E5E5E5;
	background: #FFFFFF;
	font-size: 0.28rem;color:#333333;
	padding:0 0.3rem;
	overflow: hidden;
}
.pj_num{
	
}

.comment_con{
	width:100%;height: 2.9rem;background: #FFFFFF;
}
.comment_con_1,.comment_con_2{
	width:100%;height: 2.9rem;
	text-align: center;
}
/*没有评价 样式*/
.comment_con_1{
	text-align: center;
	left: 0;
	margin-top: 0;
}
.con_btn{
	position: absolute;
	margin-top:1.2rem;
	margin-left: 2.64rem;
	width:2.24rem;height: 0.54rem;line-height: 0.54rem;
	box-sizing: border-box;
	border-radius: 1rem;
	background: #EFEFEF;
	font-size: 0.26rem;
	color:#A5A5A5;
	text-align: center;
	overflow: hidden;
}
.con_btn a{color:#A5A5A5;text-decoration: none;}

/*有评价 样式*/
.comment_con_2{
	box-sizing: border-box;
	padding:0.3rem;
}

.username{
	width:4rem;height: 0.6rem;line-height: 0.6rem;
	overflow: hidden;
	margin-bottom: 0.2rem;
	font-size: 0.28rem;color:#333333;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.username .user_pic{
	width:0.6rem;height: 0.6rem;
	margin-right: 0.24rem;
	border-radius: 0.6rem;overflow: hidden;
	float:left;
}

.date{
	position: absolute;
	width:2.5rem;height: 0.26rem;line-height: 0.26rem;
	font-size:0.22rem;color:#acacac;
	margin-top:-0.6rem;
	right: 0.3rem;
	
}
.usermsg{
	width:6.9rem;height: 0.72rem;line-height: 0.36rem;
	font-size: 0.26rem;color:#333333;
	text-align: left;
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 0.3rem;
}

.all{
	width:100%;height: 0.54rem;
	text-align: center;
}
.all a{
	display: inline-block;
	width:2.24rem;height: 0.54rem;line-height: 0.54rem;
	border: 1px solid #a77a5c;
	font-size: 0.26rem;color:#A77A5C;
	background: #ffffff;
	border-radius: 1rem;
}

.all a:active{
	background: #F5F5F5;
}







/*************商品详情************/

.detail{
	width:100%;height: auto;min-height: 0.9rem;
	/*border:1px solid green;*/
}
.detail_top{
	width:100%;height: 0.78rem;
	font-size: 0.24rem;color:#888888;
	text-align: center;
	background: #F5F5F5;
}

.detail_title{
	width:100%;height: 0.78rem;line-height: 0.78rem;
	background:#ffffff;
	font-size: 0.26rem;color:#333333;line-height: 0.78rem;
	text-align: left;
	padding-bottom: 0.15rem;
}

.shortline{
	position: absolute;
	width:0;height: 0.35rem;
	border-left: 1px solid #492d18;
	margin-top:0.215rem;
	margin-right: 0.14rem;
}
.spxx{
	padding-left: 0.14rem;
	
}
.detail_con{
	width:100%;height: auto;
	box-sizing: border-box;
	padding:0.3rem 0.46rem;
	background: #F8F8F8;
	text-align: left;
	font-size: 0.22rem;color:#666666;
	
}
.goods_pic{
	width:100%;height: auto;
	margin-top: 0.2rem;
	background: #FFFFFF;
}
.goods_pic img{
	width:100%;height: 6.37rem;
	border:1px solid #ffffff;
	margin-bottom: 0.2rem;
}

/*****底部********/

.footer{
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid  #E5E5E5;
	height: 1.1rem;
	position: fixed;
	bottom: 0;
	z-index: 99;
	background-color: #fff;
	/*padding:0 0.1rem;*/
}

.footer_left{
	float:left;width:3rem;
	height: 1.1rem;
	padding:0 0.1rem;
}
.footer .btns{
	height: 1.1rem;line-height: 1.1rem;
	float:left;width:4.4rem;
}
.bot-one{
	box-sizing: border-box;
	width: 0.9rem;
	height: 1.1rem;
	float: left;
	text-align: center;
	
}
.bot-one:last-child{border-right: none;}
.bot-one a{
	display: block;
	width:100%;height: 1.1rem;
	box-sizing: border-box;
	padding-top: 0.2rem;
	text-align: center;
}
.buycar a{border-right:none;}
.bot-one a img{
	margin-top:0rem;
	width:0.44rem;
	height: 0.44rem;
}

.bot-one p{
	margin-top:0.1rem;
	font-size: 0.22rem;
	height: 0.22rem;line-height: 0.22rem;
	color: #A5A5A5;
	
}
.heart_un .heart1{display: block;margin-left:0.2rem;}
.heart_un .heart2{display: none;}
.heart_on .heart2{display: block;margin-left:0.2rem;}
.heart_on .heart1{display: none;}

.toal-num{
	position: absolute;
	top: 0.12rem;left:2.5rem;
	width: 0.25rem;height: 0.25rem;line-height: 0.25rem;
	background: #f94268;
	font-size: 0.02rem;
	color: #FFFFFF;
	box-sizing: border-box;
	border-radius: 0.13rem;
	text-align: center;
}
.footer .btns .btn1{
	width: 2.06rem;
	height: 0.72rem;line-height: 0.72rem;
	font-size: 0.3rem;
	margin-top:0.15rem;
	border-radius:0.5rem;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.footer .btns input:last-child{
	margin-right: 0;
}
.add_buy{
	margin-right: 0.15rem;
	background: #FFFFFF;
	color:#f94268;border:1px solid #f94268;
	outline: none;
	
}
.buy_it{
	background: #f94268;
	border:1px solid #f94268;
	color: #fff;
}
/******************弹出 选项卡 选择商品菜单*******************/
.grey{
	position: fixed;
	z-index: 300;
	width: 100%;height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
}
.chose_item{
	position: fixed;
	z-index: 310;
	width:100%;height: 9.6rem;
	bottom: 0;
	background: #ffffff;
}
/*******头部图片*********/
.chose_pic{
	position: absolute;
	margin-top:-0.22rem;margin-left: 0.3rem;
	width:2.16rem;height: 2.16rem;border:4px solid #E5E5E5;
	border-radius: 0.05rem;
	background: #FFFFFF;
	z-index: 301;
	text-align: center;
	overflow: hidden;
	
}
.chose_pic img{
	width:2.12rem;height: 2.12rem;
}
/******商品价格 提示框*******/
.chose_top{
	width:100%;height: 2.25rem;
	border-bottom: 1px solid #E5E5E5;
	
}
.cakemsg{
	width:5.05rem;height: 2.25rem;
	position: absolute;
	margin-top:0;right:0;
	box-sizing: border-box;
	padding:0 0.3rem 0 0.22rem;
	
}
.cakeprice{
	position: absolute;
	width:3.5rem;height: 0.44rem;line-height: 0.44rem;
	margin-top: 0.3rem;
	text-overflow: inherit;
	overflow: hidden;
	white-space:nowrap;
	font-size: 0.34rem;color:#fd0202;
}
.hb{font-size: 0.24rem;}
/**关闭按钮****/
.shut{
	position: absolute;
	width:0.45rem;height: 0.45rem;
	margin-top: 0.26rem;right: 0.3rem;
	box-sizing: border-box;
	overflow: hidden;
}
.shut img{
	width:0.44rem;height: 0.44rem;
}
/**提示语**两种情况*/
.top_text{
	position: absolute;
	margin-top:1.15rem;
	width:4rem;height: 0.74rem;line-height: 0.35rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-word;
	
}
.un_chose,.un_chose{
	width:100%;height: 100%;
	font-size: 0.26rem;color:#333333;
}

.un_chose span,.on_chose span{
	display: inline-block;word-break: break-word;
	max-width: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	
	/*margin-right: 0.1rem;*/
}
.un_chose .qxz,.un_chose .qxz{}
/*********选择框 头部结束************/

/**********选择框 主体   选择商品规格***********/
.chose_con{
	width:100%;height: 6.3rem;
	overflow: scroll;
}
.chose_type{
	width:100%;height: auto;
	box-sizing: border-box;
	padding:0.3rem;
	border-bottom: 1px solid #E5E5E5;
	font-size: 0.26rem;color:#333333;
}

.type_top{
	width:100%;height: 0.28rem;line-height: 0.28rem;
	overflow: hidden;
}
.type_body{
	margin-top: 0.15rem;
	width:100%;height: auto;
}

.type_body>span{
	display: inline-block;
	float: left;
	margin-right: 0.2rem;margin-top: 0.15rem;
	width:auto;max-width: 6.9rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	height: 0.56rem;line-height: 0.56rem;
	background: #F5F5F5;
	font-size: 0.24rem;color:#333333;
	text-align: center;
	box-sizing: border-box;
	padding:0 0.18rem;
	border-radius: 0.2rem;
}
.type_body>span.active{
	background: #492c1a;
	color:#FFFFFF;
}
.goods_num{
	width:100%;
	height: 1.2rem;line-height: 1.2rem;
	padding:0 0.3rem;
	border-bottom: 1px solid #E5E5E5;
	font-size: 0.26rem;color:#333333;
}
.goods_num>span{
	display: inline-block;
	width:auto;max-width: 2rem;height: 1.2rem;line-height: 1.2rem;
	float:left;
}
.goods_num .change_num{
	display: inline-block;
	float:right;
	width:auto;max-width:2.5rem;height: 1.2rem;
	box-sizing: border-box;
	padding:0.3rem 0;
}
.change_num>span{
	display: block;float:left;
	height: 0.58rem;line-height: 0.58rem;
}
.dic,.add{
	width:0.65rem;height: 0.58rem;
	background: #F5F5F5;text-align: center;
}
.dic{
	background-image: url(../images/book_detail/dic.png) ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.24rem auto;
	}
.dic.minmum{
	background: #FBFBFB;
	background-image: url(../images/book_detail/dic_min.png) ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.24rem auto;
}
.add{
	background-image: url(../images/book_detail/add.png) ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.24rem auto;
}
.add.maxmum{
	background: #FBFBFB;
}
.nums{
	width:0.74rem;background: #f5f5f5;
	margin-left:2px;margin-right: 2px;
	text-align: center;
	font-size: 0.28rem;
	color:#333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chose_footer{
	width:100%;height: 1.05rem;
}
.chose_footer>div{
	width:100%;height: 1.05rem;
	
}
.chose_footer.type1 .chose_footer1{
	display: block;
}

.chose_footer.type1 .chose_footer2{
	display: none;
}
.chose_footer.type2 .chose_footer1{
	display: none;
}
.chose_footer.type1 .chose_footer1{
	display: block;
}
.chose_footer1 .comfirm{
	width:100%;height: 1.05rem;line-height: 1.05rem;	
	background: #f84268;color:#ffffff;
	font-size:0.32rem;text-align: center;
}
.chose_footer2{
	box-sizing: border-box;
	padding:0 0.3rem;
}
.chose_footer2 input{
	width:3.35rem;height: 0.73rem;line-height: 0.73rem;
	float: left;
	font-size: 0.3rem;
	border-radius: 0.5rem;
	margin-top: 0.16rem;
	text-align: center;
	border:1px solid #f84268;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-progress-appearance: none;
}
.chose_footer2 .addbuy{
	margin-right: 0.15rem;
	background: #FFFFFF;color:#f84268;
	
}
.chose_footer2 .buynow{
	background:#f84268;color:#FFFFFF;
}
/*****弹出框******/

.alert_share{
	position: fixed;
	z-index: 991;
	width:100%;height: 100%;overflow: hidden;
	top: 0;left: 0;
	background: url(../images/share/share.png) center no-repeat;
	background-size: 100% 100%;
}

/**客服弹框  开始****/
.alert_kefu{
	position: fixed;z-index: 399;
	top:0;left:0;
	background-color:rgba(20,20,20,0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;height: 100%;
}
.kefu_pic{
	display: inline-block;
	width:5.9rem;height: 5.8rem;
}
.kefu_pic>img{
	width:5.9rem;height: 5.8rem;
}

/***客服弹框  结束*/